<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/special/specialCommon.js"></script>
<script type="text/javascript" src="js/special/specialHomePage.js"></script>
<title>Insert title here</title>
<style type="text/css">
	.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{line-height:1.42857143;vertical-align:middle;border-top:1px solid #ddd}
	.navbackground {
	  list-style: none;
	  background-color: #fbfaf8;
	  border-radius: 4px;
	}
	td.highlight { background-color: whitesmoke !important; }
	.tdClass {
		text-align: center ;
	}
	
</style>
</head>
<body>
<div class="row rowhcq">
    <div class="col-xs-12">
    <!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 SCQ --> 
        <div class="boxcq clearfix">
            <div class="ti"><i class="fa fa-file-text-o"></i>专科建设综合评价——临床专业</div>
            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
            <div class="boxr">
                <div class="sw">
                    <!-- 这里放置bootstrap的扩展控件：switch -->
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="tab-content" id="DRGsQuotaContent">
                <div class="paddingd10">
                	<div class="col-xs-6">
                		<div id="special1" style="width:550px; height:400px;"></div>
                	</div>
                	<div class="col-xs-6">
                	<ul class="nav nav-tabs boxnavcq margind10" role="tablist" id="tableSelect"></ul>
                	<div id="table_queryContainer">
                		<table id="table_query" class="table table-striped" width="100%"><caption class="contaotalsccq">临床专业专科建设综合评价表</caption></table>
                	</div>
                	<div id="specScoreAllBtn" style="float:right;padding-top:10px;color:blue;cursor:pointer;"><i class="icon-double-angle-right" Style="font-weight: 800;padding: 0 10px;color: green;"></i>查看全部</div>
                	</div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row rowhcq">
    <div class="col-xs-12">
        <div class="boxcq clearfix">
        <div style="height: 37px; border-bottom: 1px solid #ddd;">
        	<div class="ti" id=""><i class="fa fa-file-text-o"></i>病例分布特征</div>
					<div class="btn-group navbar-right navbtncq " id="caseDistriIntervelNav">
						<div id="caseDistriIntervelBtn" onclick="caseDistriIntervelParam()" class="btn-clickable" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"" >病组权重区间调整</div>
						<div class="dropdown-menu searchcq" id="caseDistriIntervelDiv" style="width: 600px">
							<div id = "intervelSlider" style="min-width: 400px;height:30px; color: #b1b1b1;margin: 10px 10px">
								<div class = "col-md-4" style="">
									<label class="">病组权重最大值:</label><b id="weightMax"></b>
								</div>
								<div class = "col-md-4">
									<label class="">病组权重最小值:</label><b id="weightMin"></b>
								</div>
							</div> 
							<div id = "intervelNum" style="min-width: 400px;height:30px; color: #b1b1b1;margin: 10px 5px" >
								<div class = "col-md-2">
									<label class="pull-right">区间个数:</label>
								</div>
								<div class = "col-md-10">
									<div class="btn-group btn-group-xs ci">
										<button id="minus" style="border-radius:0px" type="button" class="btn"><i class="fa fa-minus" aria-hidden="true"></i></button>
										<input id="intervelNumInput" value="1" disabled="disabled" style="width:20px ; float: left ;border-radius: 0px;text-align: center"/>
										<button id="plus" style="border-radius:0px" type="button" class="btn"><i class="fa fa-plus" aria-hidden="true"></i></button>
									</div>
								</div>
							</div>
							
							<div class="caseDistriParamInterval" style="color: #b1b1b1;">
								<div style="min-width: 30px; float: left; color: #b1b1b1;margin-left: 50px;"><label class="pull-right">区间:</label></div>
								<div id="intervalParamId" class="ci" style="height: 23px; padding-left: 105px;">
									<input style="margin: 0px 2px;width: 40px;" disabled="disabled" value="">
									<span id="inputAdd"></span>
									<input style="margin: 0px 2px;width: 40px;" disabled="disabled" value="">
								</div>
							</div>
							<div class="b">
								<button class="search" onclick="setIntervalParam()">
									<i class="glyphicon glyphicon-search"></i>确定
								</button>
							</div>
						</div>
					</div>
				</div>
            <div class="clearfix"></div>
            <div class="tab-content" id="">
				<table id="caseDistributeTable" class="cell-border" cellspacing="0" width="100%"></table>
            </div>
        </div>
    </div>
</div>




<div class="row rowhcq">
    <div class="col-xs-12">
    <!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 SCQ --> 
        <div class="boxcq clearfix">
            <div class="ti"><i class="fa fa-file-text-o"></i>临床专业分类</div>
            <ul class="nav nav-tabs boxnavcq" role="tablist">
            	<li role="presentation" class="active">
	            	<a href="#specWeightCMI" role="tab" data-toggle="tab">总权重全院占比(%)和CMI值</a>
	            </li>
               	<li role="presentation">
               		<a href="#specTimeFeeEff" role="tab" data-toggle="tab">时间消耗指数和费用消耗指数</a>
               	</li>
            </ul>
            <div class="clearfix"></div>
            <div class="tab-content" id="DRGsQuotaContent">
            	<div role="tabpanel" class="tab-pane active" id="specWeightCMI">
            		<div class="paddingd10">
	                	<div class="col-xs-6">
	                		<div id="echartWeightCMI" style="width:100%; height:460px;"></div>
	                	</div>
	                	<div class="col-xs-6">
	                		<table id="tableWeightCMI" class="display compact" cellspacing="0" width="100%" height="320px" role="grid" aria-describedby="example_info" >
	                			<caption class="contaotalsccq">临床专业象限分布表</caption>
								<thead>
									<tr><th>象限</th><th>专科建设类别</th><th>临床专业</th></tr>
								</thead>
								<tbody></tbody>
							</table>
	                	</div>
                	</div>
            	</div>
            	
            	<div role="tabpanel" class="tab-pane" id="specTimeFeeEff">
            		<div class="paddingd10">
	                	<div class="col-xs-6">
	                		<div id="echartTimeFeeEff" style="width:100%; height:460px;"></div>
	                	</div>
	                	<div class="col-xs-6">
	                		<table id="tableTimeFeeEff" class="display compact" cellspacing="0" width="100%" height="320px" role="grid" aria-describedby="example_info" >
	                			<caption class="contaotalsccq">临床专业象限分布表</caption>
								<thead>
									<tr><th>象限</th><th>专科建设类别</th><th>临床专业</th></tr>
								</thead>
								<tbody></tbody>
							</table>
	                	</div>
                	</div>
            	</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>